<template>
    <div class="flex flex-col flex-wrap">
        <n-tabs type="line" size="large" :tabs-padding="10">
            <n-tab-pane name="信息"></n-tab-pane>
            <n-tab-pane name="速览"></n-tab-pane>
        </n-tabs>
        <n-card  v-for="v in list"  :title="v.title" size="medium" class="mb-2"> 
            <p>{{v.tiny}}</p>
        </n-card>
        <n-card title="中卡片" size="medium"> 卡片内容 </n-card>
    </div>
</template>
<script setup lang="ts">
import { reactive } from '@vue/reactivity';
let list = reactive([
    {title:'论C语言的正确入门姿势',tiny:'学C语言，一定要动手，学会了基础语法的同时，一定要果断再去学别的新的语言，run就完事了'},
    {title:'C基础语法的下一个阶段',tiny:'你喜欢写界面吗？如果你喜欢的话，要不要试试JS？可以写网页，也可以写桌面GUI'},
    {title:'学完了又一部分基础，那么？',tiny:'那么就应该再做一部分新的工作喽！应该正经的写一个新的项目了呢'},
    ])
</script>